<template>
    <div style="background-color: antiquewhite;padding: 5px;">
<van-nav-bar title="个人中心" fixed style="width: 110%;margin-top: -8px;margin-left: -10px;"/>
<div style="height: 45px;"></div>
<div style="width: 100%;height: 100px;background-color: #fff;margin-top: 10px;">
<van-image
  round
  width="8rem"
  height="8rem"
  :src="store.counter.img"
/>
<van-cell-group inset style="width: 65%;margin-left: 130px;margin-top: -80px;">
  <van-cell :title="store.counter.name"  size="large" is-link  />
</van-cell-group>
</div>


<van-grid  :column-num="5">

  <van-grid-item icon="orders-o" text="全部订单" />
  <van-grid-item icon="cash-on-deliver" text="待付款" />
  <van-grid-item icon="logistics" text="待收货" />
  <van-grid-item icon="records-o" text="待评价" />
  <van-grid-item icon="comment-circle-o" text="售后" />
</van-grid>

<van-cell-group inset style="margin: 5px;">
  <van-cell title="地址管理" is-link />
 <van-cell title="我的优惠券"  is-link/> 
 <van-cell title="优先购买码"is-link/>
</van-cell-group>
<van-cell-group inset style="margin: 10px 0;">
  <van-cell title="常见问题" is-link />
 <van-cell title="服务支持"  is-link/> 

</van-cell-group>
<van-cell-group inset style="margin-bottom: 10px;">
  <van-cell title="意外碎屏保修服务" is-link />
 <van-cell title="单元格"  is-link/> 
 <van-cell title="单元格"is-link/>
</van-cell-group>

    </div>
</template>

<script setup>
import { useCounterStore } from '@/stores/counter'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()
console.log(store.counter);

</script>

<style lang="scss" scoped>

</style>